<template>
    <div>        
        <div class="search-box">
            <van-icon name="arrow-left" @click="gosearch" size='1.5rem' color='#c3af9b' style='margin-left: 10px;line-height: 50px;'/>
            <input type="text" placeholder="lns风配饰" 
            style='width: 75%;height: 60%;border: none;border-radius: 2rem;text-indent: 20px;font-size: 12px;margin-top: 10px;margin-right: 10px;'/>
            <button style="width:15%;height:60%;border-radius: 2rem;font-size: 12px;margin-top: 10px;border: none;background-color: #c1ab96;color: white;">搜索</button>        
        </div>
        <div>
            <title-zu></title-zu>
            <xxx></xxx>				
        </div>
    </div>
</template>
<script lang="ts" setup>
import { ref } from 'vue';
import { useRouter } from 'vue-router';
import titleZu from './compontent/titleZu.vue';
import xxx from './compontent/xxx.vue'
import Xxx from './compontent/xxx.vue'

const $router = useRouter()

let gosearch =()=>{
    $router.push({path:'/serachPage'})
}

const active = ref(0);


</script>
<style scoped>
    .search-box{
        width: 100%;
        height: 50px;      
        display: flex;
        justify-content: center;
        background-color: #eae9e5;
    }
</style>